<template>
  <view class="page">
    <view class="main-page">
      <view class="center-box">
        <view class="logo"></view>
      </view>
      <view class="center-box">
        <view class="title">
          伏羲东方<br/>数字化智慧云平台
        </view>
      </view>
      <view class="center-box">
        <view class="qr-code"></view>
      </view>
    </view>
    <bottomBackBtn></bottomBackBtn>
  </view>
</template>

<script>
</script>

<style lang="less" scoped>
  .page {
    background: linear-gradient( 180deg, #EFF6FF 0%, #FFFFFF 100%);
    position: relative;
    width: 750rpx;
    height: 100%;
    .main-page {
      height: calc(100% - 144rpx - env(safe-area-inset-bottom));
      .center-box {
        display: flex;
        justify-content: center;
      }
      .logo {
        margin-top: 114rpx;
        width: 180rpx;
        height: 180rpx;
        background-color: #fff;
      }
      .title {
        margin-top: 36rpx;
        text-align: center;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 36rpx;
        color: #262626;
        line-height: 44rpx;
      }
      .qr-code {
        margin-top: 72rpx;
        width: 630rpx;
        height: 630rpx;
        border: 32rpx solid #fff;
        border-radius: 16px;
        background-color: #F2F2F2;
      }
    }
  }
</style>